<template>
	<view class="bg-white">
		<view class="pl-24">
			<uni-collapse accordion="true">
				<uni-collapse-item class="border-0 bg-white" v-for="(item,index) in data" :title="index+1+'. '+item.vcGkbdbt" :key="index">
					<view style="padding: 17rpx 24rpx;color: #555555;" class="font26" v-html="item.textContent"></view>
				</uni-collapse-item>
			</uni-collapse>
		</view>
	</view>
</template>

<script>
import uniCollapse from '@/components/uni-collapse/uni-collapse.vue';
import uniCollapseItem from '@/components/uni-collapse-item/uni-collapse-item.vue';

export default {
	data() {
		return {
			data:[]
		};
	},
	components: { uniCollapse, uniCollapseItem },
	methods: {
		getData(){
			let this_ = this;
			let opts = {
				url: 'Bzgl/List.shtml'
			};
			
			let param = {
				type: 4
			};
			this_.$http.httpRequest(opts, param).then(
				res => {
					console.log(res.data);
					if (res.data.code == '200') {
						this.data=res.data.data;
					} else {
						uni.showToast({
							icon: 'none',
							title: res.data.msg
						});
					}
				},
				error => {
					console.log(error);
				}
			);
		}
	},
	onLoad() {
		this.getData(0)
	}
};
</script>

<style scoped>
page {
	background: rgba(248, 248, 248, 1);
}
/deep/ .uni-collapse-cell--open[data-v-09beee86] {
	background-color: #ffffff;
}
/deep/ .uni-collapse-cell {
	border-color: #eeeeee;
}
/deep/ .uni-collapse-cell__title-text {
	font-size: 34rpx;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
}
/deep/.uni-collapse-cell__title {
	padding-left: 0;
}
</style>
